<template>
  <DisplayComponent :rawHtml="rawHtml">
    <vi-card :title="title">
      <p class="description">We use cookies to ensure that we give you the best experience on our website. Read
        cookies policies. </p>
    </vi-card>
  </DisplayComponent>
</template>
<script setup lang="ts">
import DisplayComponent from '@/layouts/DisplayComponent.vue';
import { ref } from 'vue';
const title = ref('Title');
const rawHtml = `
<template>
  <vi-card :title="title" />
</template>
`

</script>


<style scoped>
.description {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(75 85 99);
}

.description a {
  --tw-text-opacity: 1;
  color: rgb(59 130 246);
}

.description a:hover {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
</style>
